// import { defineComponent, h ,PropType } from "vue";
// import VxeColumn from 'vxe-table/packages/column/src/column'
// import VxeColGroup from 'vxe-table/packages/column/src/group'
// import VxeTable from 'vxe-table/packages/table/src/table';
// import { VxeColumnPropTypes } from 'vxe-table';

// interface filter {
//     label?: string | number;
//     value?: any;
//     data?: any;
//     resetValue?: any;
//     checked?: boolean;
//   }

// interface column{
//     title : string
//     field?:string
//     children: Array<column>
//     filters?: Array<filter>
//     sortable:boolean
// }


// function createColumn(col:column) {
//     return <VxeColumn 
//         field={col.field} 
//         filters={col.filters as any} 
//         title={col.title} 
//         sortable={col.sortable} 
//         show-overflow
//         >

//         </VxeColumn>
// }


// export default defineComponent({
//     name: "VuxTableColumns",
//     props: {columns:{
//         type:Object as PropType<Array<column>>,
//         required :true
//     }},

//     render() {
//         console.log('render',this.columns);
         

//         const cols = this.columns.map(v=> {

//             if (v.children.length>0) {
//                 console.log('childer');
                
//                 let child = v.children![0]

//                 return <VxeColGroup title={v.title} >
//                     {createColumn(child)}
//                 </VxeColGroup>
                
//             }
//             else{
//                 return createColumn(v)
//             }

//         } )


//         if (cols.length>0) {
//             return  <div>{cols}</div> 
//         }
 
//         return  <div></div> 
    
//     },
// });